<template>
	<view class="content">

		<!-- 使用组件 isShow：设置弹框是否显示 width：宽度 height：高度 radius：圆角 -->
		<cc-popup :isShow='isshow' width="calc(100vw - 60px)" height="440px" radius="16rpx" style="">
			<!-- 自定义展示内容 -->
			<view class="modelContent">
				<view class="innerContent">
					
				

				<view class="titleV">

					订购成功

				</view>

				<view style="margin: 10px; padding: 10rpx; ">
					您订购的星宝天地业务正在受理中，请注意查收订购提醒短信。
				</view>
				<view style="margin: 10px;  ">
					如有问题，请拨打<a href="tel:400-1768-987" style="text-decoration: none;">400-1768-987</a>电话咨询
				</view>
				<view style="align-items: center;">
					<image class="imageV" :src="mySrc" style="display: block;"></image>
					<text style="display:block;text-align: center;">关注公众号，领取权益</text>
				</view>

				<button style="width: 50%; height: 45px;margin-top: 20px; background-color: rgb(228, 63, 43);color: white;"
					@click="isshow=false"> 我知道啦
				</button>
</view>
			</view>
		</cc-popup>

	</view>
</template>

<script>
	export default {
		components: {

		},
		data() {
			return {
				title: 'Hello',

				companyList: [{}, {}, {}],
				isshow: false,
				mySrc: '../../static/xingbaotiandi/ewm.jpg'
			}
		},
		created() {
			uni.$on('popupClick', this.popupClick)
		},
		methods: {

			popupClick() {

				this.isshow = !this.isshow;
			}
		}
	}
</script>

<style>
	.content {
		display: flex;
		flex-direction: column;


	}

	.popUpBtn {
		height: 80rpx;
		line-height: 80rpx;
		width: 320rpx;
		margin-top: 120rpx;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 50rpx;
		background-color: bisque;
		text-align: center;
	}

	.modelContent {
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		flex-direction: column;
		/* background: rgb(228, 63, 43) !important; */
		border-radius: 5px;
		padding: 5px;
		box-sizing: border-box;

	}
	.innerContent{
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		flex-direction: column;
		background: #fff;
	}

	.titleV {

		width: 100%;
		height: 36px;
		line-height: 30px;
		font-weight: 550;
		text-align: center;
		margin-top: 8px;
		font-size: 17px;
		border-bottom: 1px solid #F1F1F1;
	}

	.imageV {

		margin-top: 0px;
		width: calc(50vw - 30px);
		height: calc(50vw - 30px);
	}

	.close {
		width: 60rpx;
		height: 60rpx;
		color: #FFFFFF;
		line-height: 60rpx;
		text-align: center;
		border-radius: 50%;
		border: 1px solid #FFFFFF;
		position: relative;
		bottom: -10%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
</style>